﻿<%@ Page Language="C#" MasterPageFile="~/Views/Shared/User.Master" Inherits="System.Web.Mvc.ViewPage<SDT.Site.ViewModels.CustomerEditModels>" %>

<asp:Content ID="registerTitle" ContentPlaceHolderID="TitleContent" runat="server">
 Đăng ký tài khoản
</asp:Content>
<asp:Content ID="registerContent" ContentPlaceHolderID="MainContent" runat="server">
 <div class="contact" id="element-box" style="margin-top:7px">
		<div class="t">
			<div class="t">
				<div class="t"></div>
			</div>
		</div>
		<div class="m">
			<%=ViewData["MessageInfo"]!=null? "<p class='perror'>"+Html.Encode(ViewData["MessageInfo"])+"</p>":string.Empty%>
			 <%if (ViewData["MessageInfo"] == null)
      {
          using (Html.BeginForm("register", "account", FormMethod.Post, new { id = "siteForm", name = "siteForm" }))
          { %>
		        <div class="tabTransport">
	                <h4 class="titleFrom"><span>Thông tin tài khoản</span></h4>
	                <table class="contactInfo">
	                    <tr>
	                        <td style="width:125px">Email (<font color="red">*</font>)</td>
	                        <td><%=Html.TextBoxFor(m => m.Customer.Email, new { @class = "required email inpAdd", remote = "/AjaxData/ValidateEmail" })%></td>
	                    </tr>
	                    <tr>
	                        <td>Mật khẩu (<font color="red">*</font>)</td>
	                        <td><%=Html.PasswordFor(m => m.Customer.Password, new { @class = "required inpAdd" })%></td>
	                    </tr>
	                    <tr>
	                        <td>Xác nhận mật khẩu (<font color="red">*</font>)</td>
	                        <td><%=Html.Password("txtConfirmPassword", string.Empty, new { @class = "required inpAdd", equalTo = "#Customer_Password" })%></td>
	                    </tr>
	                </table>	        
	           </div>
	            <div class="clear"></div>
		        <div class="tabTransport">		    
		        <h4 class="titleFrom"><span>Thông tin liên hệ</span></h4>
		            <table class="contactInfo">
		                <tr>
		                    <td width="125">Họ và tên(<font color="red">*</font>)</td>
		                    <td><%=Html.TextBoxFor(m => m.Customer.FullName, new { @class = "required inpAdd" })%></td>
		                </tr>
		                <tr>
                            <td>Ngày sinh (<font color="red">*</font>)</td>
                            <td><%=Html.TextBox("txtBirthday", string.Empty, new { @class = "datepicker required inpIn", style = "width:170px" })%></td>
                        </tr>
                        <tr>
                            <td>Giới tính (<font color="red">*</font>)</td>
                            <td>
                                <%foreach (var item in Model.Sexuals)
                                  { %>
                                  <%=Html.RadioButton("rdoSex", item.Key, item.Key == 1 ? true : false)%><%=item.Value%>
                                <%} %>
                            </td>
                        </tr>
		                <tr>
		                    <td>Điện thoại(<font color="red">*</font>)</td>
		                    <td><%=Html.TextBoxFor(m => m.Customer.MobilePhone, new { @class = "required inpAdd" })%></td>
		                </tr>
		                <tr>
		                    <td>Tỉnh thành(<font color="red">*</font>)</td>
		                    <td><%=Html.DropDownList("ddlCity", new SelectList(Model.Cities, "ID", "Name", Model.Customer != null && Model.Customer.CityID.HasValue ? Model.Customer.CityID.Value.ToString() : ""), "-- Chọn Tỉnh / thành phố --", new { @class = "selT required" })%></td>
		                </tr>
		                <tr>
		                    <td>Quận huyện(<font color="red">*</font>)</td>
		                    <td><%=Html.DropDownList("ddlDistrict", new SelectList(Model.Districts, "ID", "Name", Model.Customer != null && Model.Customer.District != null ? Model.Customer.DistrictID.ToString() : ""), "-- Chọn Quận / Huyện --", new { @class = "selT required" })%></td>
		                </tr>
		                <tr>
		                    <td>Địa chỉ(<font color="red">*</font>)</td>
		                    <td><%=Html.TextBoxFor(m => m.Customer.Address, new { @class = "required inpAdd" })%></td>
		                </tr>
		                <tr>
		                <td width="125">Mã xác thực(<font color="red">*</font>)</td>
                        <td>
                            <%= Html.TextBox("CaptchaText", string.Empty, new { @class = "inpAdd required", style = "width: 100px;", remote = "/AjaxData/ValidateCatcha" })%>&nbsp;
		                    <img id="captchaImg" name="captchaImg" src="/AjaxData/ShowCaptchaImage" style="vertical-align:middle;" />
		                    <img src="/images/icon-22-refresh.png" style="cursor:pointer;margin-left:5px;position:relative; vertical-align:middle"; class="changecaptcha" alt="Thay đổi captcha" title="Thay đổi captcha">
	                        <script type="text/javascript">
	                            $(".changecaptcha").live("click", function() {
	                                $("#captchaImg").attr("src", "");
	                                $("#captchaImg").attr("src", "/AjaxData/ShowCaptchaImage/?date=" + (new Date()));
	                                $("#CaptchaText").val("");
	                                return false;
	                            });
                            </script>
                        </td>	
                        </tr>
                        <tr>
                            <td></td>
                            <td><input type="submit" value="Đăng ký" id="btnRegister" class="bnt_short" /></td>
                        </tr>	        
		            </table>
		         </div>
		        <div class="clear"></div>
			<%}
      } %>
		</div>
		<div class="b">
			<div class="b">
				<div class="b"></div>
			</div>
		</div>
	</div>
<script type="text/javascript">
    $(document).ready(function() {
        $.datepicker.setDefaults($.datepicker.regional['vi']);
        $(".datepicker").datepicker({
            dateFormat: "dd/mm/yy",
            changeMonth: true,
            showOn: "button",
            buttonImage: "/Images/calendar.gif",
            buttonImageOnly: true,
            changeYear: true
        });
        $(".datepicker").mask("99/99/9999");
        $("#siteForm").validate({
            messages: {
                "Customer.Email": {
                    required: "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                    email: "Email không hợp lệ, vui lòng nhập lại (ví dụ: abc@yahoo.com)",
                    remote: "Email đã được sử dụng, vui lòng chọn email khác."
                },
                "Customer.Password": "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                txtConfirmPassword: {
                    required: "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                    equalTo: "Xác nhận mật khẩu không đúng, vui lòng nhập lại dữ liệu!"
                },
                txtBirthday: "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                "Customer.FullName": "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                ddlCity: "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                ddlDistrict: "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                "Customer.Address": "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                "Customer.MobilePhone": "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                CaptchaText: "Trường này là bắt buộc, vui lòng nhập dữ liệu!"
            }
        });
        $('#ddlCity').change(function() {
            var id = $('#ddlCity').val() == "" ? 0 : $('#ddlCity').val();
            $.get('/AjaxData/GetDistrict/' + id, function(data) {
                $('#ddlDistrict').html(data);
            });
        });
    });
</script>
</asp:Content>
<asp:Content ID="Content5" ContentPlaceHolderID="RightContent" runat="server">
    <% Html.RenderAction("Lasted", "Product", new { typeid = 0, catid = 0, holidayid = 0, number = 8, hotYN = 0, newYN = 0, saleYN = 0, promoYN = 0, order = "ID", orderDir = "desc", title = "Sản phẩm nổi bật", viewName = "Hot" }); %>
</asp:Content>
